
// 调用函数
request({
    type: "get",
    url: "/admin/user/detail",
    success: function (response) {
        // console.log('response', response);
        // 获取成功
        if (response.code === 200) {
            // 解构数据
            const { email, nickname, password, userPic, username } = response.data;
            // 回显数据
            $('#username').val(username);
            $('#nickname').val(nickname);
            $('#email').val(email);
            $('#user_pic').prop('src', userPic);
            $('#password').val(password);
        }
    },
});

// 预览上传图片
$('#exampleInputFile').on('change', function () {
    //  通过$('文件上传框')[0].files得到FileList(文件列表)
    const file = $('#exampleInputFile')[0].files[0];
    // 图片文件名
    // 2.3 使用createObjectURL方法创建临时URL？？？
    const url = URL.createObjectURL(file);
    // console.log(url);
    // const imgUrl = file.name;
    // console.log(file, imgUrl);
    // 更改图片地址
    $('#user_pic').prop('src', `${url}`)
});

//修改图片
// 1.点修改事件：获取修改的数据：
//不要使用函数调用处理,不然不能清除表单的默认事件
$('.btn').on('click', (e) => {
    e.preventDefault();
    // 使用FormData对象获取数据
    // const formObj = $('#form').get(0);与下面的一样
    const formObj = $('#form')[0];
    const formDataObj = new FormData(formObj);
    request({
        type: "post",
        url: "/admin/user/edit",
        data: formDataObj,
        success: function (response) {
            if (response.code === 200) {
                alert(response.msg)
                // 刷新页面:找user.html的父级进行刷新
                parent.location.reload();
            }
        }
    });
});








